// 
//  dot.js
//  <project>
//  
//  Created by lenovo on 2018-03-21.
//  Copyright 2018 lenovo. All rights reserved.
// 
$('.header-container a').removeClass('check');
$('.dot').addClass('check')
$('.map-box').click(function(){
	$('.map-box').removeClass('active')
	$(this).addClass('active')
})
	var items = [
		{
			img:'img/dot-1.jpg',
			title:"Wedding Wong温莎公主品牌旗舰店",
			head:"苏州市虎阜路999号虎丘婚纱城A1苏州市虎阜路999号虎丘婚纱城A1",
		},
		{
			img:'img/dot-2.jpg',
			title:"Wedding Wong温莎公主婚纱礼服门店",
			head:"成都市武侯区锦绣路1号保利中心C座",
		},
		{
			img:'img/dot-3.jpg',
			title:"Wedding Wong温莎公主品牌旗舰店",
			head:"重庆市渝中区大坪龙湖时代天街C馆",
		},
		{
			img:'img/dot-4.jpg',
			title:"Wedding Wong温莎公主婚纱礼服门店",
			head:"杭州市江干区庆春广场西子国际中心T2B座",
		},
		{
			img:'img/dot-5.jpg',
			title:"Wedding Wong温莎公主品牌旗舰店",
			head:"大连市时代广场A座",
		},
		{
			img:'img/dot-6.jpg',
			title:"Wedding Wong温莎公主婚纱礼服门店",
			head:"青年大街华润大厦B座",
		},
	]
	var DotHtml ="";
	for(var index in items){
		var item = items[index]
		DotHtml += 	'<div class="map-box">';
		DotHtml += 		'<div class="map-fixed clearfix">';
		DotHtml += 			'<div class="map-box-left">';
		DotHtml += 				'<img src="'+ item.img +'"/>';
		DotHtml += 			'</div>';
		DotHtml += 			'<div class="map-box-right">';
		DotHtml += 				'<p class="title">' + item.title  +'</p>';
		DotHtml += 				'<p class="lend">' + item.head + '</p>';
		DotHtml += 			'</div>';
		DotHtml += 		'</div>';
		DotHtml += 	'</div>';
	}
	$('#mapBox').html(DotHtml)
